<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>安评单位随机监管</title>
    <script src="../../js/header.js"></script>
    <style type="text/css">
        html, body, #apunitextract {
            padding: 0px;
            margin: 0px;
            /*height: 100%;*/
        }
        #apunitextract{
            border-top: 3px solid #0D9AFF;
            /*background: #FFFFFF;
            box-shadow: 0px 2px 4px 0 rgba(200,200,200,0.50);*/
            padding: 25px;
            /*background: url(../../images/bg.png) no-repeat;
            background-size: 100% 100%;
            overflow: hidden;*/
        }
        .tab-title{
            font-size: 16px;
            font-weight: bold;
            border-left: 4px solid #0D9AFF;
            font-family: PingFangSC-Medium;
            padding-left:10px;
            margin-bottom: 20px;
        }
        .el-dialog__footer {
            padding: 10px 20px 20px;
            text-align: center;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        .el-dialog__body {
            color: rgb(96, 98, 102);
            font-size: 14px;
            word-break: break-all;
            padding: 0px 20px;
        }
        #excel {
            display: none;
        }
        .el-input__inner {
            -webkit-appearance: none;
            background-color: #FFF;
            background-image: none;
            border-radius: 4px;
            border: 1px solid #DCDFE6;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #606266;
            display: inline-block;
            font-size: inherit;
            height: 30px;
            line-height: 30px;
            outline: 0;
            padding: 0 15px;
            -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
            transition: border-color .2s cubic-bezier(.645,.045,.355,1);
        }
        .listed .el-form-item__label{
            letter-spacing: 3px;
        }
        #apunitextract .el-input{
            width: 80%;
        }

        /* 搜索按钮样式修改 */
        #apunitextract .el-button.is-circle.search_btn{
            position: absolute;
            right: 0;
            top: 0;
            border: 0;
            background: none;
        }
        #apunitextract .el-button.is-circle.search_btn i{
            font-size: 17px;
        }
        #apunitextract .zcform .el-input{
            width: 100%;
        }
        .zcform .tab{
            border: 1px solid #DCDFE6;
        }
        .zcform .el-input__inner {
            -webkit-appearance: none;
            background-color: #FFF;
            background-image: none;
            border: 1px solid #DCDFE6;
            border-radius: 0px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #606266;
            display: inline-block;
            font-size: inherit;
            height: 30px;
            line-height: 30px;
            outline: 0;
            -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
            transition: border-color .2s cubic-bezier(.645,.045,.355,1);
            width: 100%;
        }
        .zcform .linkMan .el-input .el-input__inner{

            height: 60px;
        }
        .zcform .el-textarea__inner {
            display: block;
            resize: vertical;
            padding: 5px 15px;
            line-height: 1.5;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            height: 120px;
            font-size: inherit;
            color: #606266;
            background-color: #FFF;
            background-image: none;
            border: 1px solid #DCDFE6;
            border-radius: 0px;
            -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
            transition: border-color .2s cubic-bezier(.645,.045,.355,1);
        }
        .zcform .el-input .el-input__clear {
            line-height: 30px;
        }
        .zcform .el-input__icon {
            line-height: 30px;
        }
        .zcform .el-form-item {
            margin-bottom: 0px;
        }
        .zcform .el-form-item__content {
            line-height: 30px;
            position: relative;
            font-size: 14px;

        }
        .zcform .el-form-item__error {
            color: #F56C6C;
            font-size: 12px;
            line-height: 1;
            padding-top: 4px;
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 99;
            width: 400px;
            text-align: left;
        }
        .zcform .red{
            color: #F56C6C;
        }
        .border_btm{
            border-bottom: 1px solid #ddd;
        }
        .border_right{
            border-right: 1px solid #ddd;
        }
        .apunitextract_gonggao .el-form-item__content{
            margin-left: 0!important;
        }
        #apunitextract .apunitextract_publicstate .el-select{
            width: auto;
        }
    </style>
</head>
<body>
<div v-cloak id="apunitextract">
    <div style="margin-top: 10px;">
        <div style="margin-top: 10px;border-bottom:1px solid rgba(200,200,200,0.43);">
            <el-form :model="selectForm" :rules="rules" ref="selectForm" label-width="150px">
                <el-row>
                    <el-col :span="10">
                        <el-form-item label="标题:" prop="" label-width="80px">
                            <el-input v-model="selectForm.taskTitle" placeholder="" ></el-input>
                        </el-form-item>
                    </el-col>

                    <div style="float: right;">
                        <el-button type="primary" size="small" style="width: 60px;height: 30px;" @click="apply()">申请</el-button>
                        <el-button type="primary" size="small" style="width: 60px;height: 30px;" @click="searchForm('selectForm')">查询</el-button>
                        <el-button type="warning" size="small" style="width: 60px;height: 30px;" @click="resetForm('selectForm')">重置</el-button>
                    </div>
                </el-row>
            </el-form>
        </div>

        <el-table :data="tableData" border style="width: 100%;margin-top: 35px;" :header-cell-style="{background:'#eef1f6',color:'#606266'}">
            <!--<el-table-column type="selection" ></el-table-column>-->
            <el-table-column
                    prop="taskTitle"
                    label="标题"
                    width="200"
                    align="center"
                    :show-overflow-tooltip="true">
            </el-table-column>
            <el-table-column
                    prop="taskNum"
                    label="抽取人数"
                    width="150"
                    align="center">
            </el-table-column>
            <el-table-column
                    prop="createPerson"
                    label="创建人"
                    width="150"
                    align="center">
            </el-table-column>
            <el-table-column
                    prop="createTime"
                    label="创建时间"
                    width="150"
                    align="center">
            </el-table-column>
            <el-table-column
                    prop="createPersonLocation"
                    label="创建人地址"
                    width="150"
                    align="center">
            </el-table-column>
            <el-table-column
                    prop="createPersonUnit"
                    label="创建人单位"
                    width="150"
                    align="center">
            </el-table-column>
            <el-table-column
                    label="操作"
                    width=""
                    align="center">
                <template slot-scope="scope">
                    <el-button size="mini" @click="apunitList(scope.$index,scope.row)">查看安评单位列表</el-button>
                    <el-button v-show="(scope.row.enterpriseNotice == 0) ? true : false" type="info" size="mini" @click="gongGao(scope.$index,scope.row)">拟制公告</el-button>
                    <el-button v-show="(scope.row.enterpriseNotice != 0) ? true : false" size="mini" @click="gongGaoView(scope.$index,scope.row)">查看公告</el-button>
                </template>
            </el-table-column>
        </el-table>
        <div style="overflow: hidden;">
            <div class="pagination">
                <el-pagination
                        @size-change="handleSizeChange"
                        @current-change="handleCurrentChange"
                        :current-page="currentPage"
                        :page-sizes="[10, 20, 30, 40]"
                        :page-size="pagesize"
                        background
                        layout="total, sizes,prev, pager, next"
                        :total="tableTotal"
                        prev-text="上一页"
                        next-text="下一页">
                </el-pagination>
            </div>
        </div>

        <!-- 安评单位抽取列表 -->
        <el-dialog title="" :visible.sync="dialogApunitForm" center fullscreen >
            <div style="margin-top: 10px;">
                <el-form :model="apunitextract" :rules="rules" ref="apunitextract" label-width="140px">
                    <!--安评单位监管信息表-->
                    <el-row>
                        <el-col :span="4" class="tab-title">
                            安评单位监管信息表
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="15">
                            <el-form-item label="标题:" prop="taskTitle" :rules="rules.taskTitle">
                                <el-input v-model="apunitextract.taskTitle" placeholder="" maxlength="200" show-word-limit :disabled="apunitFormDisabled"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="15">
                            <el-form-item label="抽取总数:" prop="taskNum" :rules="rules.taskNum">
                                <el-input  v-model="apunitextract.taskNum" placeholder="" :disabled="apunitFormDisabled"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="15">
                            <el-form-item label="监管内容:" prop="taskContent">
                                <el-input type="textarea" v-model="apunitextract.taskContent" placeholder="" maxlength="1000" show-word-limit :disabled="apunitFormDisabled" style="width: 80%; min-height: 100px;"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="22">
                            <div style="float:right;">
                                <el-button v-show="showApunitExtract" type="primary" size="small" style="width: 60px;height: 30px;" @click="apunitExtract('apunitextract')">抽取</el-button>
                            </div>
                        </el-col>
                    </el-row>
                </el-form>

                <el-table :data="apunitData" border style="width: 100%;margin-top: 35px;" :header-cell-style="{background:'#eef1f6',color:'#606266'}">
                    <el-table-column type="selection" ></el-table-column>
                    <el-table-column
                            prop="unitName"
                            label="单位名称"
                            width="250"
                            align="center" >
                    </el-table-column>
                    <el-table-column
                            prop="uniscid"
                            label="统一社会信用代码"
                            width="230"
                            align="center">
                    </el-table-column>
                    <el-table-column
                            prop="registAddr"
                            label="注册地址"
                            width="180"
                            align="center">
                    </el-table-column>
                    <!--<el-table-column
                            prop="spPerson"
                            label="审批人"
                            width="120"
                            align="center">
                    </el-table-column>
                    <el-table-column
                            prop="spOrg"
                            label="审批机构"
                            width="150"
                            align="center">
                    </el-table-column>-->
                    <el-table-column
                            prop="spStatus"
                            label="审批状态"
                            width="100"
                            align="center">
                        <template scope="scope">
                            <span v-if="scope.row.spStatus==1">待审核</span>
                            <span v-if="scope.row.spStatus==2">审核不通过</span>
                            <span v-if="scope.row.spStatus==3">审核通过</span>
                        </template>
                    </el-table-column>
                    <!--<el-table-column
                            prop="spTime"
                            label="审批时间"
                            width="120"
                            align="center"
                            :formatter="dateFormat">
                    </el-table-column>-->
                    <el-table-column
                            prop="sbStatus"
                            label="上报状态"
                            width="90"
                            align="center">
                        <template scope="scope">
                            <span v-if="scope.row.sbStatus==0">未上报</span>
                            <span v-if="scope.row.sbStatus==1">已上报</span>
                        </template>
                    </el-table-column>
                    <el-table-column
                            prop="unitRegistTime"
                            label="单位成立时间"
                            width="120"
                            align="center"
                            :formatter="dateFormat">
                    </el-table-column>
                    <el-table-column
                            label="操作"
                            align="center">
                        <template slot-scope="scope">
                            <el-button size="mini" @click="apunitView(scope.$index,scope.row)">查看安评单位详情</el-button>
                            <el-button v-show="( scope.row.cqStatus == 0 ) ? true : false" type="danger" size="mini" @click="extractLawPerson(scope.$index,scope.row);">抽取执法人员</el-button>
                            <el-button v-show="( scope.row.cqStatus != 0 ) ? true : false" size="mini" @click="lawPersonList(scope.$index,scope.row);">查看执法人员</el-button>
                        </template>
                    </el-table-column>
                </el-table>
                <div style="overflow: hidden;">
                    <div class="pagination">
                        <el-pagination
                                @size-change="apunitHandleSizeChange"
                                @current-change="apunitHandleCurrentChange"
                                :current-page="apunitCurrentPage"
                                :page-sizes="[5, 10]"
                                :page-size="apunitPagesize"
                                background
                                layout="total, sizes,prev, pager, next"
                                :total="apunitTableTotal"
                                prev-text="上一页"
                                next-text="下一页">
                        </el-pagination>
                    </div>
                </div>
            </div>
        </el-dialog>
        <!-- 执法人员抽取列表 -->
        <el-dialog title="" :visible.sync="dialogLawPersonForm" center fullscreen>
            <div style="margin-top: 10px;">
                <el-form :model="lawpersonextract" :rules="lawrules" ref="lawpersonextract" label-width="140px">
                    <!--抽取执法人员信息表-->
                    <el-row>
                        <el-col :span="4" class="tab-title">
                            抽取执法人员信息表
                        </el-col>
                    </el-row>
                    <el-row :gutter="20">
                        <el-col span="5" v-if="orgName == '中国' ">
                            <el-form-item label="国家级抽取比例:" prop="countryRatio" :rules="rules.countryRatio">
                                <el-input type="text" v-model="lawpersonextract.countryRatio" placeholder="" :disabled="lawFormDisabled"></el-input>%
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" v-if="orgName == '中国' ">
                            <el-form-item label="省级抽取比例:" prop="provinceRatio" :rules="rules.provinceRatio" style="position: relative;">
                                <el-input v-model="lawpersonextract.provinceRatio" placeholder="" :disabled="lawFormDisabled"></el-input>%
                            </el-form-item>
                        </el-col>
                        <el-col :span="5">
                            <el-form-item label="抽取总数:" prop="extractNum" :rules="rules.extractNum">
                                <el-input v-model="lawpersonextract.extractNum" placeholder="" :disabled="lawFormDisabled"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="22">
                            <div style="float:right;">
                                <el-button v-show="showLawPersonExtract" type="primary" size="small" style="width: 60px;height: 30px;" @click="lawPersonExpert('lawpersonextract')">抽取</el-button>
                            </div>
                        </el-col>
                    </el-row>
                </el-form>

                <el-table :data="lawPersonData" border style="width: 100%;margin-top: 35px;" :header-cell-style="{background:'#eef1f6',color:'#606266'}">
                    <el-table-column type="selection" ></el-table-column>
                    <el-table-column
                            prop="executorName"
                            label="姓名"
                            width="150"
                            align="center" >
                    </el-table-column>
                    <el-table-column
                            prop="executorSex"
                            label="性别"
                            width="100"
                            align="center">
                        <template scope="scope">
                            <span v-if="scope.row.executorSex==1">未知的性别</span>
                            <span v-if="scope.row.executorSex==2">男</span>
                            <span v-if="scope.row.executorSex==3">女</span>
                            <span v-if="scope.row.executorSex==4">女性改(变)为男性</span>
                            <span v-if="scope.row.executorSex==5">男性改(变)为女性</span>
                            <span v-if="scope.row.executorSex==6">未说明的类别</span>
                        </template>
                    </el-table-column>
                    <el-table-column
                            prop="executorCode"
                            label="执法证号"
                            width="250"
                            align="center">
                    </el-table-column>
                    <el-table-column
                            prop="executorOrganization"
                            label="所属机构"
                            width="250"
                            align="center">
                    </el-table-column>
                    <el-table-column
                            prop="executorPhoneNum"
                            label="联系电话"
                            width="140"
                            align="center">
                    </el-table-column>
                    <el-table-column
                            prop="executorLevel"
                            label="职级"
                            width="120"
                            align="center">
                        <template scope="scope">
                            <span v-if="scope.row.executorLevel==1">省部级正职</span>
                            <span v-if="scope.row.executorLevel==2">省部级副职</span>
                            <span v-if="scope.row.executorLevel==3">厅局级正职（巡视员）</span>
                            <span v-if="scope.row.executorLevel==4">厅局级副职（副巡视员）</span>
                            <span v-if="scope.row.executorLevel==5">县处级正职（调研员）</span>
                            <span v-if="scope.row.executorLevel==6">县处级副职（副调研员）</span>
                            <span v-if="scope.row.executorLevel==7">乡科级副职（副主任科员）</span>
                            <span v-if="scope.row.executorLevel==8">乡科级副职（副主任科员）</span>
                            <span v-if="scope.row.executorLevel==9">科员</span>
                            <span v-if="scope.row.executorLevel==10">办事员</span>
                            <span v-if="scope.row.executorLevel==11">其他</span>
                        </template>
                    </el-table-column>
                    <el-table-column
                            label="操作"
                            width=""
                            align="center">
                        <template slot-scope="scope">
                            <el-button size="mini" @click="lawPersonView(scope.$index,scope.row)">查看详情</el-button>
                        </template>
                    </el-table-column>
                </el-table>
                <div style="overflow: hidden;">
                    <div class="pagination">
                        <el-pagination
                                @size-change="lawHandleSizeChange"
                                @current-change="lawHandleCurrentChange"
                                :current-page="lawPersonCurrentPage"
                                :page-sizes="[5, 10, 15, 20]"
                                :page-size="lawPersonPagesize"
                                background
                                layout="total, sizes,prev, pager, next"
                                :total="lawPersonTableTotal"
                                prev-text="上一页"
                                next-text="下一页">
                        </el-pagination>
                    </div>
                </div>

                <el-row>
                    <el-col :span="22">
                        <div style="float:right;">
                            <el-button v-show="!showLawPersonExtract" type="primary" size="small" style="width: 60px;height: 30px;" @click="dialogLawPersonForm = false;">关闭</el-button>
                        </div>
                    </el-col>
                </el-row>
            </div>
        </el-dialog>

        <!-- 安评单位详细信息 -->
        <el-dialog title="" :visible.sync="apunitInfoDialogForm" center fullscreen>
            <div style="margin-top: 10px;">
                <div style="margin-top: 10px;"　class="zcform">
                    <h3 style="text-align: center;">地震安全性评价单位信息情况表</h3>
                    <el-form :model="apUnitEntity" :rules="rules" ref="apUnitEntity"  style="width:80%;font-size: 14px;border: 1px solid #DCDFE6;margin: 10px auto;">
                        <!--第一行-->
                        <el-row>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
								<span class="red">*</span>
								<span class="">单位名称</span>
							</el-col>
							<el-col :span="12" style="width: 75%;">
								<el-form-item prop="unitName">
									<el-input v-model="apUnitEntity.unitName" style="" placeholder=""  disabled></el-input>
								</el-form-item>
							</el-col>
						</el-row>
                        <!--第二行-->
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <span class="red">*</span>
                                <span class="">主体身份代码</span>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="pripId">
                                    <el-input v-model="apUnitEntity.pripId" style="" placeholder="请填写社会统一信用代码" disabled></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <span class="red">*</span>
                                <span class="">行业类别</span>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="industryCategory">
                                    <el-select  v-model="apUnitEntity.industryCategory" placeholder="请选择" ref="industryCategory" disabled  style="width: 100%;">
                                        <el-option  style="height: auto">
                                            <el-tree :data="hangyetypeLIst"
                                                     ref="tree"
                                                     @check-change="handleCheckChangehangye"
                                                     show-checkbox
                                                     :default-expand-all="true"
                                                     :check-strictly="true"
                                                     :default-checked-keys="[7420]"
                                                     node-key="id"></el-tree>
                                        </el-option>
                                    </el-select>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <span class="red">*</span>
                                <span class="">组织类别</span>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="organizationClass">
                                    <el-select  v-model="apUnitEntity.organizationClass" placeholder="请选择" ref="organizationClass"  disabled  style="width: 100%;">
                                        <el-option  style="height: auto">
                                            <el-tree :data="orgTypeList"
                                                     ref="tree"
                                                     @check-change="handleCheckChange"
                                                     show-checkbox
                                                     :default-expand-all="true"
                                                     :check-strictly="true"
                                                     node-key="id"></el-tree>
                                        </el-option>
                                    </el-select>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <span class="red">*</span>
                                <span class="">国民经济类型</span>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="nationalEconomy">
                                    <el-select  v-model="apUnitEntity.nationalEconomy" placeholder="请选择国民经济类型" ref="nationalEconomy"  disabled  style="width: 100%;">
                                        <el-option  style="height: auto">
                                            <el-tree :data="jinjilist"
                                                     ref="tree"
                                                     @check-change="handleCheckChangejinji"
                                                     show-checkbox
                                                     :default-expand-all="true"
                                                     :check-strictly="true"
                                                     node-key="id"></el-tree>
                                        </el-option>
                                    </el-select>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <span class="">注册号</span>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="regNo">
                                    <el-input v-model="apUnitEntity.regNo" style="" placeholder="" disabled></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <span class="">企业类型</span>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="entType">
                                    <el-input v-model="apUnitEntity.entType" style="" placeholder="" disabled></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <span class="">企业类型(中文名称)</span>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="entTypeCn">
                                    <el-input v-model="apUnitEntity.entTypeCn" style="" placeholder="" disabled></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
						<!--第二行-->
						<el-row>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
								<span class="red">*</span>
								<span class="">单位性质</span>
							</el-col>
							<el-col :span="4"  style="width: 75%;">
								<el-form-item prop="">
									<el-select  v-model="apUnitEntity.syUnitType" placeholder="请选择" ref="syUnitType"   @change="syChangeValue" style="width: 50%;" disabled>
										<el-option label="事业" value="事业"></el-option>
										<el-option label="企业" value="企业"></el-option>
									</el-select>

									<el-select  v-model="apUnitEntity.qyUnitType" placeholder="请选择" ref="qyUnitType"  @change="qyChangeValue" style="width: 50%;margin: -4.2px;" disabled>
										<el-option
												v-for="item in apUnitlist"
												:key="item.code"
												:label="item.name"
												:value="item.name"
												>
										</el-option>
									</el-select>
								</el-form-item>
							</el-col>
						</el-row>
						<!--第三行-->
						<el-row>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
								<span class="red">*</span>
								<span class="">注册地址</span>
							</el-col>
							<el-col :span="10" style="width: 45%;">
								<el-form-item v-model="apUnitEntity.registAddr" prop="registAddr" >
									<!--<el-input v-model="apUnitEntity.registAddr" style="width: 320px;" placeholder="" ></el-input>-->
									<el-select v-model="provinceValue" :title="provinceValue" placeholder="选择省" @change="chooseProvince" style="width: 30%;" disabled>
										<el-option
												v-for="item in provinceData"
												:key="item.code"
												:label="item.name"
												:value="item.name"
												>
										</el-option>
									</el-select>
									<el-select v-model="cityValue" :title="cityValue" placeholder="选择市" @change="chooseCity" style="width: 35%;margin: -4.1px;" disabled>
										<el-option
												v-for="item in cityData"
												:key="item.code"
												:label="item.name"
												:value="item.name"
												>
										</el-option>
									</el-select>
									<el-select v-model="areaValue" :title="areaValue" @change="chooseArea" placeholder="选择区、县" style="width: 34.97%;" disabled>
										<el-option
												v-for="item in areaData"
												:key="item.code"
												:label="item.name"
												:value="item.name"
												style="width: 170px;">
										</el-option>
									</el-select>

								</el-form-item>
							</el-col>
							<el-col :span="2" class="tab" style="width: 10%;text-align: center;height: 30px;line-height: 30px;">
								<span class="red">*</span>
								<span class="">邮编</span>
							</el-col>
							<el-col :span="4" style="width: 20%;">
								<el-form-item prop="registAddrCode">
									<el-input v-model="apUnitEntity.registAddrCode"  placeholder=""  disabled></el-input>
								</el-form-item>
							</el-col>
						</el-row>
						<!--第四行-->
						<el-row>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
								<span class="red">*</span>
								<span class="">办公地址</span>
							</el-col>
							<el-col :span="10" style="width: 45%">
								<el-form-item prop="bgAddr">
									<el-input v-model="apUnitEntity.bgAddr"  placeholder="" disabled></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="2" class="tab" style="width: 10%;text-align: center;height: 30px;line-height: 30px;">
								<span class="red">*</span>
								<span class="">邮编</span>
							</el-col>
							<el-col :span="4" style="width: 20%;">
								<el-form-item prop="bgAddrCode" >
									<el-input v-model="apUnitEntity.bgAddrCode"  placeholder="" disabled></el-input>
								</el-form-item>
							</el-col>
						</el-row>
						<!--第五行-->
						<el-row>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
								<span class="red">*</span>
								<span class="">法定代表人</span>
							</el-col>
							<el-col :span="10" style="width: 45%;">
								<el-form-item prop="legalMan">
									<el-input v-model="apUnitEntity.legalMan"  placeholder="" disabled></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="2" class="tab" style="width: 10%;text-align: center;height: 30px;line-height: 30px;">
								<span class="red">*</span>
								<span class="">电话</span>
							</el-col>
							<el-col :span="4" style="width:20%">
								<el-form-item prop="legalManTel">
									<el-input v-model="apUnitEntity.legalManTel"  placeholder="" disabled></el-input>
								</el-form-item>
							</el-col>
						</el-row>
						<!--第六行-->
						<el-row>
							<el-col :span="2" class="tab" style="width: 10%;text-align: center;height: 60px;line-height: 60px;">
								<span class="red">*</span>
								<span class="">联系人</span>
							</el-col>
							<el-col :span="2" class="linkMan" style="width: 15%;text-align: center;">
								<el-form-item prop="linkMan">
									<el-input v-model="apUnitEntity.linkMan" style="height: 60px;" placeholder="" disabled></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="2" class="tab" style="width: 10%;text-align: center;height: 60px;line-height: 60px;">
								<span class="red">*</span>
								<span class="">联系电话</span>
							</el-col>

							<el-col :span="4"  style="width: 35%;text-align: center;height: 28px;line-height: 28px;">
								<el-row >
									<el-col :span="2" class="tab" style="width: 30%;text-align: center;height: 30px;line-height: 30px;">
										<span class="red">*</span>
										<span class="">手机</span>
									</el-col>
									<el-col :span="4" style="width: 70%;">
										<el-form-item prop="linkTel">
											<el-input v-model="apUnitEntity.linkTel"  placeholder="" disabled></el-input>
										</el-form-item>
									</el-col>
								</el-row>
								<el-row>
									<el-col :span="2" class="tab" style="width: 30%;text-align: center;height: 30px;line-height: 30px;">
										<span class="red">*</span>
										<span class="">办公室</span>
									</el-col>
									<el-col :span="4" style="width: 70%;">
										<el-form-item prop="linkOffice">
											<el-input v-model="apUnitEntity.linkOffice"  placeholder="" disabled></el-input>
										</el-form-item>
									</el-col>
								</el-row>
							</el-col>

							<el-col :span="4"  style="width: 30%;text-align: center;height: 28px;line-height: 28px;">
								<el-row >
									<el-col :span="2" class="tab" style="width: 33.5%;text-align: center;height: 30px;line-height: 30px;">
										<span class="red"></span>
										<span class="">传真</span>
									</el-col>
									<el-col :span="4" style="width: 66.5%;">
										<el-form-item prop="linkFax" >
											<el-input v-model="apUnitEntity.linkFax"  placeholder="" disabled></el-input>
										</el-form-item>
									</el-col>
								</el-row>
								<el-row>
									<el-col :span="2" class="tab" style="width: 33.5%;text-align: center;height: 30px;line-height: 30px;">
										<span class="red">*</span>
										<span class="">电子邮箱</span>
									</el-col>
									<el-col :span="4" style="width: 66.5%;">
										<el-form-item prop="linkEmail" >
											<el-input v-model="apUnitEntity.linkEmail"  placeholder="" disabled></el-input>
										</el-form-item>
									</el-col>
								</el-row>
							</el-col>
						</el-row>
						<!--第七行-->
						<el-row>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
								<span class="red"></span>
								<span class="">上级主管单位</span>
							</el-col>
							<el-col :span="12" style="width: 75%;">
								<el-form-item prop="upMainUnit">
									<el-input v-model="apUnitEntity.upMainUnit"  placeholder="" disabled></el-input>
								</el-form-item>
							</el-col>
						</el-row>
						<!--第八行-->
						<el-row>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
								<span class="red">*</span>
								<span class="">单位成立时间</span>
							</el-col>
							<el-col :span="10" style="width: 25%;">
								<el-form-item prop="establishTime">
									<el-date-picker type="date" placeholder="选择日期" v-model="apUnitEntity.establishTime" disabled style="width: 100%;"/>
								</el-form-item>
							</el-col>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
								<span class="red">*</span>
								<span class="">单位注册时间</span>
							</el-col>
							<el-col :span="4" style="width: 25%;">
								<el-form-item prop="unitRegistTime">
									<el-date-picker type="date" placeholder="选择日期" v-model="apUnitEntity.unitRegistTime" disabled style="width: 100%;"/>
								</el-form-item>
							</el-col>
						</el-row>
						<!--第九行-->
						<el-row>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
								<span class="red">*</span>
								<span class="">统一社会信用代码</span>
							</el-col>
							<el-col :span="12" style="width: 75%;">
								<el-form-item prop="uniscid">
									<el-input v-model="apUnitEntity.uniscid"  placeholder="" disabled></el-input>
								</el-form-item>
							</el-col>
						</el-row>
						<!--第十行-->
						<el-row>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
								<span class="red">*</span>
								<span class="">用户名</span>
							</el-col>
							<el-col :span="12" style="width: 75%;">
								<el-form-item prop="userName">
									<el-input v-model="apUnitEntity.userName"  placeholder="" autoComplete="off" disabled></el-input>
			                    </el-form-item>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
								<span class="red">*</span>
								<span class="">密码</span>
							</el-col>
							<el-col :span="12" style="width: 75%;">
								<el-form-item prop="password">
			                        <el-input v-model="apUnitEntity.password"  placeholder="" disabled show-password auto-complete="new-password"></el-input>
								</el-form-item>
							</el-col>
						</el-row>
						<!--第十一行-->
						<el-row>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
								<span class="red">*</span>
								<span class="">注册（开办）资金（万元）</span>
							</el-col>
							<el-col :span="12" style="width: 75%;">
								<el-form-item prop="registMoney">
									<el-input v-model="apUnitEntity.registMoney"  placeholder="" disabled></el-input>
								</el-form-item>
							</el-col>
						</el-row>
						<!--第十二行-->
						<el-row>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
								<span class="">专业技术人员</span>
							</el-col>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
								<span class="">60周岁以下</span>
							</el-col>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
								<span class="">60周岁以上</span>
							</el-col>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
								<span class="">合计</span>
							</el-col>
						</el-row>
						<!--第十三行-->
						<el-row>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
								<span class="red">*</span>
								<span class="">高级职称</span>
							</el-col>
							<el-col :span="12" style="width: 25%;">
								<el-form-item prop="highDownsixty">
									<el-input type="number" v-model.number="apUnitEntity.highDownsixty" :min="0" placeholder="" @change="sum" disabled></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="12" style="width: 25%;">
								<el-form-item prop="highUpsixty">
									<el-input type="number" v-model.number="apUnitEntity.highUpsixty" :min="0" placeholder="" @change="sum" disabled></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="12" style="width: 25%;">
								<el-form-item prop="highSum">
									<el-input type="number" v-model.number="apUnitEntity.highSum" :min="0" placeholder="" :disabled="true" disabled></el-input>
								</el-form-item>
							</el-col>
						</el-row>
						<!--第十四行-->
						<el-row>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
								<span class="red">*</span>
								<span class="">中级职称</span>
							</el-col>
							<el-col :span="12" style="width: 25%;">
								<el-form-item prop="midDownsixty">
									<el-input type="number" v-model.number="apUnitEntity.midDownsixty" :min="0" placeholder="" @change="sum" disabled></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="12" style="width: 25%;">
								<el-form-item prop="midUpsixty">
									<el-input type="number" v-model.number="apUnitEntity.midUpsixty" :min="0" placeholder="" @change="sum" disabled></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="12" style="width: 25%;">
								<el-form-item prop="midSum">
									<el-input type="number" v-model.number="apUnitEntity.midSum" :min="0" placeholder="" :disabled="true" disabled></el-input>
								</el-form-item>
							</el-col>
						</el-row>
						<!--第十五行-->
						<el-row>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
								<span class="red">*</span>
								<span class="">初级职称</span>
							</el-col>
							<el-col :span="12" style="width: 25%;">
								<el-form-item prop="priDomnsixty">
									<el-input type="number" v-model.number="apUnitEntity.priDomnsixty" :min="0" placeholder="" @change="sum" disabled></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="12" style="width: 25%;">
								<el-form-item prop="priUpsixty">
									<el-input type="number" v-model.number="apUnitEntity.priUpsixty" :min="0" placeholder="" @change="sum" disabled></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="12" style="width: 25%;">
								<el-form-item prop="priSum">
									<el-input type="number" v-model.number="apUnitEntity.priSum" :min="0" placeholder="" :disabled="true" disabled></el-input>
								</el-form-item>
							</el-col>
						</el-row>
						<!--第十六行-->
						<el-row>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
								<span class="red">*</span>
								<span class="">合计</span>
							</el-col>
							<el-col :span="12" style="width: 25%;">
								<el-form-item prop="sumDownsixty">
									<el-input type="number" v-model.number="apUnitEntity.sumDownsixty" :min="0" placeholder="" :disabled="true"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="12" style="width: 25%;">
								<el-form-item prop="sumUpsixty">
									<el-input type="number" v-model.number="apUnitEntity.sumUpsixty" :min="0" placeholder="" :disabled="true"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="12" style="width: 25%;">
								<el-form-item prop="sum">
									<el-input type="number" v-model.number="apUnitEntity.sum" :min="0" placeholder="" :disabled="true"></el-input>
								</el-form-item>
							</el-col>
						</el-row>
						<!--第十七行-->
						<el-row>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 390px;">
								<div style="margin-top: 190px;">
									<span class="">具有承担地震安全性评价相关专业背景的高级职称专业技术人员情况</span>
								</div>
							</el-col>
							<el-col :span="2"  style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
								<el-row >
									<el-col :span="2" class="tab" style="width: 100%;text-align: center;height: 30px;line-height: 30px;">
										<span class="">专业</span>
									</el-col>
								</el-row>
								<el-row>
									<el-col :span="2" class="tab" style="width: 100%;text-align: center;height: 120px;line-height: 120px;">
										<span class="">地震学</span>
									</el-col>
								</el-row>
								<el-row>
									<el-col :span="2" class="tab" style="width: 100%;text-align: center;height: 120px;line-height: 120px;">
										<span class="">地震地质学</span>
									</el-col>
								</el-row>
								<el-row>
									<el-col :span="2" class="tab" style="width: 100%;text-align: center;height: 120px;line-height: 120px;">
										<span class="">地震工程学</span>
									</el-col>
								</el-row>
							</el-col>
							<el-col :span="2"  style="width: 50%;text-align: center;height: 30px;line-height: 30px;">
								<el-row >
									<el-col :span="2" class="tab" style="width: 100%;text-align: center;height: 30px;line-height: 30px;">
										<span class="">高级职称人员姓名</span>
									</el-col>
								</el-row>
								<el-row>
									<el-col :span="2"  style="width: 100%;text-align: center;height: 120px;">
										<el-form-item prop="dzxHigh">
											<el-input
													disabled
													type="textarea"
													resize="none"
													placeholder=""
													v-model="apUnitEntity.dzxHigh">
											</el-input>
										</el-form-item>
									</el-col>
								</el-row>
								<el-row>
									<el-col :span="2"  style="width: 100%;text-align: center;height: 120px;line-height: 120px;">
										<el-form-item prop="dzdzxHigh">
											<el-input
													disabled
													type="textarea"
													resize="none"
													placeholder=""
													v-model="apUnitEntity.dzdzxHigh">
											</el-input>
										</el-form-item>
									</el-col>
								</el-row>
								<el-row>
									<el-col :span="2"  style="width: 100%;text-align: center;height: 120px;line-height: 120px;">
										<el-form-item prop="dzgcxHigh">
											<el-input
													disabled
													type="textarea"
													resize="none"
													placeholder=""
													v-model="apUnitEntity.dzgcxHigh">
											</el-input>
										</el-form-item>
									</el-col>
								</el-row>
							</el-col>
						</el-row>
						<!--第十八行-->
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <div >
                                    <span class="">住所</span>
                                </div>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="dom">
                                    <el-input
                                            placeholder=""
                                            v-model="apUnitEntity.dom" disabled>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <div >
                                    <span class="">营业场所/主要经营场所/经营场所</span>
                                </div>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="opLoc">
                                    <el-input
                                            placeholder=""
                                            v-model="apUnitEntity.opLoc" disabled>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <div >
                                    <span class="">经营期限自/营业期限自/合伙期限自</span>
                                </div>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="opFrom">
                                    <el-date-picker type="date" placeholder="选择日期" v-model="apUnitEntity.opFrom" style="width: 100%;"/>
                                    <el-input
                                            placeholder=""
                                            v-model="apUnitEntity.opFrom" disabled>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <div >
                                    <span class="">经营期限至/营业期限至/合伙期限至</span>
                                </div>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="opTo">
                                    <el-date-picker type="date" placeholder="选择日期" v-model="apUnitEntity.opTo" disabled style="width: 100%;"/>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <div >
                                    <span class="">经营范围</span>
                                </div>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="opScope">
                                    <el-input
                                            placeholder=""
                                            v-model="apUnitEntity.opScope" disabled>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <div >
                                    <span class="">业务范围类型</span>
                                </div>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="opScoType">
                                    <el-input
                                            placeholder=""
                                            v-model="apUnitEntity.opScoType" disabled>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <div >
                                    <span class="">业务范围类型（中文名称）</span>
                                </div>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="opScoTypeCn">
                                    <el-input
                                            placeholder=""
                                            v-model="apUnitEntity.opScoTypeCn" disabled>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <div >
                                    <span class="">登记机关</span>
                                </div>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="regOrg">
                                    <el-input
                                            placeholder=""
                                            v-model="apUnitEntity.regOrg" disabled>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <div >
                                    <span class="">登记机关（中文名称）</span>
                                </div>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="regOrgCn">
                                    <el-input
                                            placeholder=""
                                            v-model="apUnitEntity.regOrgCn" disabled>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <div >
                                    <span class="">登记状态</span>
                                </div>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="regState">
                                    <el-input
                                            placeholder=""
                                            v-model="apUnitEntity.regState" disabled>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <div >
                                    <span class="">登记状态（中文名称）</span>
                                </div>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="regStateCn">
                                    <el-input
                                            placeholder=""
                                            v-model="apUnitEntity.regStateCn" disabled>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <span class="">核准日期</span>
                            </el-col>
                            <el-col :span="10" style="width: 25%;">
                                <el-form-item prop="apprDate">
                                    <el-date-picker type="date" placeholder="选择日期" v-model="apUnitEntity.apprDate" disabled style="width: 100%;"/>
                                </el-form-item>
                            </el-col>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <span class="">吊销时间</span>
                            </el-col>
                            <el-col :span="4" style="width: 25%;">
                                <el-form-item prop="revDate">
                                    <el-date-picker type="date" placeholder="选择日期" v-model="apUnitEntity.revDate" disabled style="width: 100%;"/>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <div >
                                    <span class="">联络员身份证号码</span>
                                </div>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="linkmanCerNo">
                                    <el-input
                                            placeholder=""
                                            v-model="apUnitEntity.linkmanCerNo" disabled>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <div >
                                    <span class="">经营地址经度</span>
                                </div>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="operatingLongitude">
                                    <el-input
                                            placeholder=""
                                            v-model="apUnitEntity.operatingLongitude" disabled>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                                <div >
                                    <span class="">经营地址纬度</span>
                                </div>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="operatingLatitude">
                                    <el-input
                                            placeholder=""
                                            v-model="apUnitEntity.operatingLatitude" disabled>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 120px;">
                                <div style="margin-top: 50px;">
                                    <span class="">吊销原因</span>
                                </div>
                            </el-col>
                            <el-col :span="12" style="width: 75%;">
                                <el-form-item prop="sugRevReason">
                                    <el-input
                                            type="textarea"
                                            resize="none"
                                            placeholder=""
                                            v-model="apUnitEntity.sugRevReason" disabled>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
						<el-row>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 120px;">
								<div style="margin-top: 50px;">
									<span class="red" >*</span>
									<span class="">开展地震安全性评价工作业绩情况</span>
								</div>
							</el-col>
							<el-col :span="12" style="width: 75%;">
								<el-form-item prop="apYjqk">
									<el-input
											disabled
											type="textarea"
											resize="none"
											placeholder=""
											v-model="apUnitEntity.apYjqk">
									</el-input>
								</el-form-item>
							</el-col>
						</el-row>
						<!--第十九行-->
						<el-row>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 120px;">
								<div style="margin-top: 40px;">
									<span class="red">*</span>
									<span class="">具有承担地震安全性评价工作技术能力情况</span>
								</div>
							</el-col>
							<el-col :span="12" style="width: 75%;">
								<el-form-item prop="apJsnlqk">
									<el-input
											disabled
											type="textarea"
											resize="none"
											placeholder=""
											v-model="apUnitEntity.apJsnlqk">
									</el-input>
								</el-form-item>
							</el-col>
						</el-row>
						<!--第二十行-->
						<el-row>
							<el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 120px;">
								<div style="margin-top: 50px;">
									<span class="red">*</span>
									<span class="">质量管理体系情况</span>
								</div>
							</el-col>
							<el-col :span="12" style="width: 75%;">
								<el-form-item prop="zlglTxqk">
									<el-input
											disabled
											type="textarea"
											resize="none"
											placeholder=""
											v-model="apUnitEntity.zlglTxqk">
									</el-input>
								</el-form-item>
							</el-col>
						</el-row>
                    </el-form>
                    <el-row>
                        <el-col :span="24" style="text-align: center; margin-top: 30px;">
                            <div style="">
                                <el-button type="info" size="small" style="width: 60px;height: 30px;" @click="apunitInfoDialogForm = false;">取消</el-button>
                            </div>
                        </el-col>
                    </el-row>
                </div>

            </div>
        </el-dialog>

        <!-- 执法人员详细信息 -->
        <el-dialog title="" :visible.sync="lawPersonInfoDialogForm" center fullscreen>
            <div style="margin-top: 10px;">
                <el-form :model="lawperson" :rules="rules" ref="lawperson" label-width="140px">
                    <!--执法人员信息表-->
                    <el-row>
                        <el-col :span="4" class="tab-title">
                            执法人员信息表
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="5">
                            <el-form-item label="姓名:" prop="executorName">
                                <el-input v-model="lawperson.executorName" placeholder="" :disabled="true"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="性别:" prop="executorSex" label-width="65px">
                                <el-select v-model="lawperson.executorSex" placeholder="请选择性别" :disabled="true">
                                    <el-option label="未知的性别" value="1"></el-option>
                                    <el-option label="男" value="2"></el-option>
                                    <el-option label="女" value="3"></el-option>
                                    <el-option label="女性改(变)为男性" value="4"></el-option>
                                    <el-option label="男性改(变)为女性" value="5"></el-option>
                                    <el-option label="未说明的类别" value="6"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5">
                            <el-form-item label="出生日期:" prop="executorBirthday" label-width="93px">
                                <el-date-picker
                                        type="date"
                                        placeholder="选择日期"
                                        v-model="lawperson.executorBirthday"
                                        :disabled="true"
                                        value-format="yyyy-MM-dd"
                                        style="width: 100%;">
                                </el-date-picker>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col span="5">
                            <el-form-item label="执法证号:" prop="executorCode">
                                <el-input v-model="lawperson.executorCode" placeholder="" :disabled="true"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col span="17">
                            <el-form-item label="所属主体(受委托组织)全称:" prop="executorOrganization" label-width="200px">
                                <el-input v-model="lawperson.executorOrganization" placeholder="" :disabled="true"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="5">
                            <el-form-item label="联系电话:" prop="executorPhoneNum">
                                <el-input v-model="lawperson.executorPhoneNum" placeholder="" :disabled="true"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="民族:" prop="executorNationality" label-width="65px">
                                <el-select v-model="lawperson.executorNationality" placeholder="请选择民族" :disabled="true">
                                    <el-option
                                            v-for="item in nationData"
                                            :key="item.appId"
                                            :label="item.dictName"
                                            :value="item.dictName">
                                    </el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5">
                            <el-form-item label="最高学历:" prop="executorEducation" label-width="93px">
                                <el-select v-model="lawperson.executorEducation" placeholder="请选择最高学历" :disabled="true" style="width: 100%;">
                                    <el-option
                                            v-for="item in educationData"
                                            :key="item.appId"
                                            :label="item.dictName"
                                            :value="item.dictName">
                                    </el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="5">
                            <el-form-item label="政治面貌:" prop="executorPoliticStatus">
                                <el-select v-model="lawperson.executorPoliticStatus" placeholder="请选择政治面貌" style="width: 100%;" :disabled="true">
                                    <el-option label="中共党员" value="1"></el-option>
                                    <el-option label="中共预备党员" value="2"></el-option>
                                    <el-option label="共青团员" value="3"></el-option>
                                    <el-option label="民革党员" value="4"></el-option>
                                    <el-option label="民盟盟员" value="5"></el-option>
                                    <el-option label="民建会员" value="6"></el-option>
                                    <el-option label="民进会员" value="7"></el-option>
                                    <el-option label="农工党党员" value="8"></el-option>
                                    <el-option label="致公党党员" value="9"></el-option>
                                    <el-option label="九三学社社员" value="10"></el-option>
                                    <el-option label="台盟盟员" value="11"></el-option>
                                    <el-option label="无党派人士" value="12"></el-option>
                                    <el-option label="群众" value="12"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                        <el-col :span="17">
                            <el-form-item label="身份证号:" prop="executorIdCard" label-width="93px">
                                <el-input v-model="lawperson.executorIdCard" placeholder="" :disabled="true"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="5">
                            <el-form-item label="职级:" prop="executorLevel">
                                <el-select v-model="lawperson.executorLevel" placeholder="请选择职级" style="width: 100%;" :disabled="true">
                                    <el-option label="省部级正职" value="1"></el-option>
                                    <el-option label="省部级副职" value="2"></el-option>
                                    <el-option label="厅局级正职（巡视员）" value="3"></el-option>
                                    <el-option label="厅局级副职（副巡视员）" value="4"></el-option>
                                    <el-option label="县处级正职（调研员）" value="5"></el-option>
                                    <el-option label="县处级副职（副调研员）" value="6"></el-option>
                                    <el-option label="乡科级正职（主任科员）" value="7"></el-option>
                                    <el-option label="乡科级副职（副主任科员）" value="8"></el-option>
                                    <el-option label="科员" value="9"></el-option>
                                    <el-option label="办事员" value="10"></el-option>
                                    <el-option label="其他" value="11"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                        <el-col :span="10">
                            <el-form-item label="是否监督人员:" prop="executorSuperviseStatus" label-width="120px">
                                <!--<el-select v-model="lawperson.executorSuperviseStatus" placeholder="请选择是否监督人员" disabled>
                                    <el-option label="是" value="1"></el-option>
                                    <el-option label="否" value="2"></el-option>
                                </el-select>-->
                                <el-radio-group v-model="lawperson.executorSuperviseStatus"  :disabled="true">
                                    <el-radio :label="1">是</el-radio>
                                    <el-radio :label="2">否</el-radio>
                                </el-radio-group>
                            </el-form-item>
                        </el-col>
                        <el-col :span="8">
                            <el-form-item label="是否具有法律职业资格:" prop="executorLegalQualification" label-width="177px">
                                <!--<el-select v-model="lawperson.executorLegalQualification" placeholder="请选择是否具有法律职业资格" disabled>
                                    <el-option label="是" value="1"></el-option>
                                    <el-option label="否" value="2"></el-option>
                                </el-select>-->
                                <el-radio-group v-model="lawperson.executorLegalQualification"  :disabled="true">
                                    <el-radio :label="1">是</el-radio>
                                    <el-radio :label="2">否</el-radio>
                                </el-radio-group>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="5">
                            <el-form-item label="执法人员性质:" prop="executorCharacter">
                                <el-select v-model="lawperson.executorCharacter" placeholder="请选择执法人员等级" style="width: 100%;" :disabled="true">
                                    <el-option label="公务员" value="1"></el-option>
                                    <el-option label="聘任制公务员" value="2"></el-option>
                                    <el-option label="事业编制工作人员" value="3"></el-option>
                                    <el-option label="企业人员" value="4"></el-option>
                                    <el-option label="执法辅助人员" value="5"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                        <el-col :span="7">
                            <el-form-item label="发证机关:" prop="executorCertifyingAuthority" label-width="93px">
                                <el-input v-model="lawperson.executorCertifyingAuthority" placeholder="请输入执法人员执法证的发证机关名称" :disabled="true"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="7">
                            <el-form-item label="学历专业:" prop="executorMajor" label-width="93px">
                                <el-input v-model="lawperson.executorMajor" placeholder="请输入执法人员的学历专业，如法律等" :disabled="true"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="执法区域:" v-model="lawperson.executorArea" prop="executorArea">
                                <el-col :span="4">
                                    <el-form-item prop="checkprovinceValue">
                                        <el-select v-model="checkprovinceValue" placeholder="请选择省" @change="chooseProvince" :disabled="true">
                                            <el-option
                                                    v-for="item in provinceData"
                                                    :key="item.code"
                                                    :label="item.name"
                                                    :value="item.name">
                                            </el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
                                    <span>—</span>
                                </el-col>
                                <el-col :span="4">
                                    <el-form-item prop="checkcityValue">
                                        <el-select v-model="checkcityValue" placeholder="请选择市" @change="chooseCity" :disabled="true">
                                            <el-option
                                                    v-for="item in cityData"
                                                    :key="item.code"
                                                    :label="item.name"
                                                    :value="item.name">
                                            </el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
                                    <span>—</span>
                                </el-col>
                                <el-col :span="4">
                                    <el-form-item prop="checkareaValue">
                                        <el-select v-model="checkareaValue" @change="chooseArea" placeholder="请选择区、县" :disabled="true">
                                            <el-option
                                                    v-for="item in areaData"
                                                    :key="item.code"
                                                    :label="item.name"
                                                    :value="item.name">
                                            </el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
                                    <span>—</span>
                                </el-col>
                                <el-col :span="7">
                                    <el-form-item>
                                        <el-input v-model="checkdetailAddress" placeholder="填写详细地址" :disabled="true"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="8">
                            <el-form-item label="证件有效期至:" prop="executorCardInDate">
                                <!--<el-input v-model="lawperson.executorCardInDate" placeholder="请输入执法人员的执法证有效期" :disabled="formDisabled"></el-input>-->
                                <el-date-picker
                                        v-model="lawperson.executorCardInDate"
                                        type="date"
                                        value-format="yyyy-MM-dd"
                                        placeholder="请选择执法人员的执法证有效期至"
                                        :disabled="true"
                                        style="width: 360px">
                                </el-date-picker>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5">
                            <el-form-item label="执法类别:" prop="executorCategory" label-width="93px">
                                <el-input v-model="lawperson.executorCategory" placeholder="" :disabled="true"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5">
                            <el-form-item label="所属机构:" prop="executorLocation" label-width="93px">
                                <el-select v-model="lawperson.executorLocation" placeholder="请选择所属机构" :disabled="true" style="width: 100%;">
                                    <el-option
                                            v-for="item in orgData"
                                            :key="item.appId"
                                            :label="item.dictName"
                                            :value="item.dictName">
                                    </el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="22">
                            <div style="float:right;">
                                <el-button type="info" size="small" style="width: 60px;height: 30px;" @click="lawPersonInfoDialogForm = false;">取消</el-button>
                            </div>
                        </el-col>
                    </el-row>
                </el-form>
            </div>
        </el-dialog>


        <!-- 拟制公告 -->
        <el-dialog title="" :visible.sync="dialogGongGaoForm" center fullscreen>
            <div style="margin-top: 10px;">
                <el-form :model="gonggao" :rules="gonggaorules" ref="gonggao" label-width="140px">
                    <!--安评单位监管拟制公告表-->
                    <el-row>
                        <el-col :span="4" class="tab-title">
                            安评单位监管拟制公告表
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="18">
                            <el-form-item label="标题:" prop="title" label-width="120px">
                                <el-input v-model="gonggao.title" placeholder="" maxlength="500" show-word-limit></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="18">
                            <el-form-item label="发文字号:" prop="releaseNumber" label-width="120px">
                                <el-input v-model="gonggao.releaseNumber" placeholder="" maxlength="500" show-word-limit></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row class="apunitextract_publicstate">
                        <el-col :span="8">
                            <el-form-item label="公布类别:" prop="isPublic" label-width="120px">
                                <el-radio-group disabled v-model="gonggao.isPublic">
                                    <el-radio label="0">公示通报</el-radio>
                                </el-radio-group>
                            </el-form-item>
                        </el-col>
                        <el-col :span="8">
                            <el-form-item label="法律法规类别:" prop="lawsType" label-width="120px">
                                <el-input v-model="gonggao.lawsType"  placeholder="" maxlength="50" show-word-limit></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row class="apunitextract_publicstate">
                        <el-col :span="16">
                            <el-form-item label="公开状态:" prop="publicState" label-width="120px">
                                <el-radio-group v-model="gonggao.publicState">
                                    <el-radio :label="0">不公开</el-radio>
                                    <el-radio :label="1">公开</el-radio>
                                </el-radio-group>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row class="apunitextract_publicstate">
                        <el-col :span="16">
                            <el-form-item label="公开地址类型:" prop="publicType" label-width="120px">
                                <el-radio-group v-model="gonggao.publicType">
                                    <el-radio :label="0">服务门户</el-radio>
                                    <el-radio :label="1">工作门户</el-radio>
                                    <el-radio :label="2">服务门户和工作门户</el-radio>
                                </el-radio-group>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row class="extractExpert_publicstate" >
                        <el-col :span="8">
                            <el-form-item label="施行日期:" prop="dateImplementation" label-width="120px">
                                <el-date-picker type="date" v-model="gonggao.dateImplementation"  placeholder="请选择施行日期">
                                </el-date-picker>
                            </el-form-item>
                        </el-col>
                        <el-col :span="8">
                            <el-form-item label="关键字:" prop="keyword" label-width="120px">
                                <el-input v-model="gonggao.keyword" placeholder="" maxlength="50" show-word-limit></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="16">
                            <el-form-item label="内容:" prop="attachContent" label-width="120px">
                                <el-input
                                        type="textarea"
                                        :autosize="{ minRows: 8, maxRows: 8}"
                                        placeholder="请输入内容"
                                        v-model="gonggao.attachContent"
                                        maxlength="1000"
                                        show-word-limit>
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row style="margin: 0 0 20px;">
                        <el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
                            <span>附加内容:</span>
                            <br/>
                            <span style="color: red;">(不可修改)</span>
                        </el-col>
                        <el-col :span="16" style="border: 1px solid #ddd;">
                            <el-row class="border_btm">
                                <el-col :span="5" class="border_right" style="padding: 22px 0px;text-align: center;">
                                    <span>监管任务标题</span>
                                </el-col>
                                <el-col :span="11" style="padding: 22px 0px;">
                                    <span style="padding-left: 15px;">{{ gonggao.content }}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                    </el-row>
                    <el-row style="margin-bottom: 30px;margin-top: 5px;">
                        <el-col :span="16" style="margin-left:120px">
                            <el-table :data="apunitDataPublic" border :header-cell-style="{background:'#eef1f6',color:'#606266'}">
                                <el-table-column
                                        prop="unitName"
                                        label="单位名称"
                                        width="250"
                                        align="center" >
                                </el-table-column>
                                <el-table-column
                                        prop="uniscid"
                                        label="统一社会信用代码"
                                        width="250"
                                        align="center">
                                </el-table-column>
                                <el-table-column
                                        prop="registAddr"
                                        label="注册地址"
                                        width="180"
                                        align="center">
                                </el-table-column>
                                <el-table-column
                                        prop="spPerson"
                                        label="审批人"
                                        width="120"
                                        align="center">
                                </el-table-column>
                                <el-table-column
                                        prop="spOrg"
                                        label="审批机构"
                                        width="150"
                                        align="center">
                                </el-table-column>
                                <el-table-column
                                        prop="spStatus"
                                        label="审批状态"
                                        width="100"
                                        align="center">
                                    <template scope="scope">
                                        <span v-if="scope.row.spStatus==1">待审核</span>
                                        <span v-if="scope.row.spStatus==2">审核不通过</span>
                                        <span v-if="scope.row.spStatus==3">审核通过</span>
                                    </template>
                                </el-table-column>
                                <el-table-column
                                        prop="spTime"
                                        label="审批时间"
                                        width="120"
                                        align="center">
                                </el-table-column>
                                <el-table-column
                                        prop="sbStatus"
                                        label="上报状态"
                                        width="100"
                                        align="center">
                                    <template scope="scope">
                                        <span v-if="scope.row.sbStatus==0">未上报</span>
                                        <span v-if="scope.row.sbStatus==1">已上报</span>
                                    </template>
                                </el-table-column>
                                <el-table-column
                                        prop="unitRegistTime"
                                        label="单位成立时间"
                                        width="120"
                                        align="center">
                                </el-table-column>
                            </el-table>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="18">
                            <el-form-item label="附件:" prop="enclosure" label-width="120px">
                                <iframe id="viewFrame" style="overflow:hidden;height:200px;width:100%;" width="100%" frameBorder="0"
                                        :src="link"></iframe>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="18">
                            <div style="float:right;">
                                <el-button type="primary" size="small" style="width: 60px;height: 30px;" @click="release()">提交</el-button>
                                <el-button type="info" size="small" style="width: 60px;height: 30px;" @click="dialogGongGaoForm = false;">取消</el-button>
                            </div>
                        </el-col>
                    </el-row>
                </el-form>
            </div>
        </el-dialog>
        <!-- 查看公告 -->
        <el-dialog title="" :visible.sync="dialogGongGaoViewForm" center fullscreen>
            <el-row>
                <el-col :span="16" :offset="4">
                    <div style="margin-top: 10px;">
                        <el-form :model="gonggao" :rules="rules" ref="gonggao">
                            <!--公开公告信息表-->

                            <el-row style="margin-bottom: 10px;padding-bottom: 10px;font-size: 24px;border-bottom: 1px solid #ddd;text-align: center;">
                                <el-col>
                                    <h4 style="margin-top:10px;font-size: 40px;text-align: center;">{{ gonggao.title }}</h4>
                                </el-col>
                            </el-row>
                            <el-row style="margin-bottom: 10px;padding-bottom: 10px;font-size: 24px;border-bottom: 1px solid #ddd;text-align: center;">
                                <el-col :span="5">
                                    <span>{{ gonggao.createUser }}</span>
                                </el-col>
                                <el-col :span="4">
                                    <span>{{ gonggao.inputenTime }}</span>
                                </el-col>
                                <el-col :span="6">
                                    <div style="float:right;">
                                        <span v-if="(gonggao.publicType == 0) ? true : false">服务门户</span>
                                        <span v-if="(gonggao.publicType == 1) ? true : false">工作门户</span>
                                        <span v-if="(gonggao.publicType == 2) ? true : false">服务门户和工作门户</span>
                                    </div>
                                </el-col>
                                <el-col :span="4">
                                    <div style="float:right;">
                                        <span v-if="(gonggao.publicState == 0) ? true : false">不公开</span>
                                        <span v-if="(gonggao.publicState != 0) ? true : false">公开</span>
                                    </div>
                                </el-col>
                                <el-col :span="5">
                                    <div style="float:right;">
                                        <span v-if="(gonggao.isPublic == 0) ? true : false">公示通报</span>
                                        <span v-if="(gonggao.isPublic == 1) ? true : false">标准规范</span>
                                    </div>
                                </el-col>
                            </el-row>
                            <el-row style="margin: 40px 0;font-size: 24px;">
                                <el-col :span="20" :offset="2">
                                   <!-- {{ gonggao.attachContent }}-->
                                    <span v-html="gonggao.attachContent"></span>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="24">
                                    <el-form-item label="">
                                        <iframe width="100%" scrolling="no" style="border: none;"   :src="link"></iframe>
                                    </el-form-item>
                                </el-col>
                            </el-row>

                        </el-form>
                    </div>
                </el-col>
            </el-row>
        </el-dialog>
    </div>
</div>
</body>
<script>
    var vm  = new Vue({
        el: '#apunitextract',
        data() {
            //验证数值为非负
            let checkNumber = (rule, value, callback)=>{
                if(!checkNum(value)){
                    callback(new Error('请输入非负数数值'));
                }else {
                    callback();
                }
            };
            let checkExtractNum = (rule, value, callback)=>{
                if(value < 2) {
                    callback(new Error('请输入大于等于2的数'));
                } else {
                    callback();
                }
            };
            let apunitExtractNum = (rule, value, callback)=>{
                if(value <= 0) {
                    callback(new Error('请输入非负数'));
                } else {
                    callback();
                }
            }
            return{
                uuid:'',
                link:'',//iframe链接
                // 列表页分页
                currentPage: 1, //默认显示页面为1
                pagesize: 10, // 每页的数据条数
                tableTotal:'',
                // 安评单位分页
                apunitCurrentPage: 1,
                apunitPagesize: 5,
                apunitTableTotal: '',
                // 执法人员分页
                lawPersonCurrentPage: 1,
                lawPersonPagesize: 5,
                lawPersonTableTotal: '',

                selectForm: {
                    taskTitle: '',
                },
                // 安评抽取信息
                apunitextract: {
                    id: '',
                    taskTitle: '',
                    taskNum: '',
                    taskContent: ''
                },
                lawpersonextract: {
                    id: '',
                    taskId: '', //任务id
                    linkId: '', //专家id
                    countryRatio: '',
                    provinceRatio: '',
                    //cityRatio: '',
                    extractNum: ''
                },
                // 执法人员详细信息
                lawperson: {
                    id: '',// 表单id
                    executorName: '',
                    executorSex: '',
                    executorCode: '',
                    executorBirthday: '',
                    executorPoliticStatus: '',
                    executorLevel: '',
                    executorOrganization: '',
                    executorNationality: '',
                    executorEducation: '',
                    executorPhoneNum: '',
                    executorSuperviseStatus: 1,
                    executorIdCard: '',
                    executorLegalQualification: 1,
                    executorCharacter: '',
                    executorMajor: '',
                    executorCertifyingAuthority: '',
                    executorArea: '',
                    executorCategory: '',
                    executorCardInDate: '',
                    executorLocation:''
                },
                orgData:[],//所属机构
                checkprovinceValue:'',
                checkcityValue:'',
                checkareaValue:'',
                checkdetailAddress: '',


                // 安评单位详细信息
                apUnitEntity : {
                    unitName:'',
                    syUnitType:'',
                    qyUnitType:'',
                    registAddr:'',
                    registAddrCode:'',
                    bgAddr:'',
                    bgAddrCode:'',
                    legalMan:'',
                    legalManTel:'',
                    linkMan:'',
                    linkTel:'',
                    linkOffice:'',
                    linkFax:'',
                    linkEmail:'',
                    upMainUnit:'',
                    establishTime:'',
                    unitRegistTime:'',
                    uniscid:'',
                    userName:'',
                    password:'',
                    registMoney:'',
                    highDownsixty:0,
                    highUpsixty:0,
                    highSum:0,
                    midDownsixty:0,
                    midUpsixty:0,
                    midSum:0,
                    priDomnsixty:0,
                    priUpsixty:0,
                    priSum:0,
                    sumDownsixty:0,
                    sumUpsixty:0,
                    sum:0,
                    dzxHigh:'',
                    dzdzxHigh:'',
                    dzgcxHigh:'',
                    apYjqk:'',
                    apJsnlqk:'',
                    zlglTxqk:'',
                    provinceValue:'',
                    cityValue:'',
                    areaValue:'',
                    detailAddress: '',
                    pripId: '',
                    regNo: '',
                    entType: '',
                    entTypeCn: '',
                    industryCategory: '地震服务',
                    organizationClass: '',
                    nationalEconomy: '',
                    dom: '',
                    opLoc: '',
                    opFrom: '',
                    opTo: '',
                    opScope: '',
                    opScoType: '',
                    opScoTypeCn: '',
                    regOrg: '',
                    regOrgCn: '',
                    regState: '',
                    regStateCn: '',
                    apprDate: '',
                    revDate: '',
                    sugRevReason: '',
                    linkmanCerNo: '',
                    operatingLongitude: '',
                    operatingLatitude: '',
                    // 审定
                    spPerson: '',
                    spReview: '',
                    checkResult: '',
                    spOrg: '',
                    spStatus: '',
                },
                companyInformation: [],
                currentRow: null,
                tableData: [],
                apunitData: [],
                apunitDataPublic:[],
                lawPersonData: [],
                showOnSubmit: true,
                provinceValue:'',
                cityValue:'',
                areaValue:'',
                showApunitExtract: true, // 抽取专家
                showLawPersonExtract: true, // 抽取执法人员

                dialogApunitForm: false,
                dialogLawPersonForm: false,
                apunitInfoDialogForm: false, // 专家详情dialog
                lawPersonInfoDialogForm: false, // 执法人员详情dialog
                dialogGongGaoForm: false,
                dialogGongGaoViewForm: false,


                formDisabled: false,
                apunitFormDisabled: false,
                lawFormDisabled: false,
                countryLawFormDisabled: false,

                // 公告内容
                gonggao: {
                    publicId:'',
                    relationId: '',
                    content: '',
                    publicState: '',
                    title: '', // 拟制公告标题
                    attachContent: '' ,// 附加内容
                    createUser: '',
                    inputenTime: '',
                    isPublic : '0',
                    dateImplementation:'',
                    lawsType:'',
                    releaseNumber:'',
                    keyword:''
                },

                // 登录者信息
                orgLevel: '',
                orgName: '',
                userName: '',

                //分页传参
                taskId: '',
                lawId: '',

                lawrules: {
                    countryRatio: [{
                        required: true,
                        message: '国家级抽取比例必填',
                        trigger: 'blur'
                    },{
                        validator: checkNumber,
                        message: '请填写正确的数值类型',
                        trigger: 'blur'
                    }],
                    provinceRatio: [{
                        required: true,
                        message: "省级抽取比例必填",
                        trigger: "blur"
                    },{
                        validator: checkNumber,
                        message: '请填写正确的数值类型',
                        trigger: 'blur'
                    }],
                    extractNum: [{
                        required: true,
                        message: "抽取数量必填",
                        trigger: 'blur'
                    },{
                        validator: checkExtractNum,
                        message: '执法人员抽取数量至少为2个',
                        trigger: 'blur'
                    },{
                        validator: isPositiveInteger,
                        message:'请输入正确数值',
                        trigger:'blur'
                    }]
                },
                rules: {
                    taskTitle: [{ required: true, message: "标题必填", trigger: "blur" }],
                    taskNum: [{
                        required: true,
                        message: "抽取总数必填",
                        trigger: "blur"
                    },{
                        validator: apunitExtractNum,
                        message: '抽取总数必须大于0',
                        trigger: 'blur'
                    },{
                        validator: isPositiveInteger,
                        message:'请输入正确数值',
                        trigger:'blur'
                    }],
                },
                gonggaorules: {
                    dateImplementation: [{
                        required: true,
                        message: '请选择施行日期',
                        trigger: 'blur'
                    }],
                    releaseNumber: [{
                        required: true,
                        message: '请输入发文字号',
                        trigger: 'blur'
                    }],
                    lawsType: [{
                        required: true,
                        message: '请输入法律法规类别',
                        trigger: 'blur'
                    }],
                    title: [{
                        required: true,
                        message: '请输入标题',
                        trigger: 'blur'
                    }],
                    createUser: [{
                        required: true,
                        message: '请输入创建人',
                        trigger: 'blur'
                    }],
                    inputenTime: [{
                        required: false,
                        message: '',
                        trigger: 'blur'
                    }],
                    attachContent: [{
                        required: true,
                        message: '请输入内容',
                        trigger: 'blur'
                    }],
                    publicType: [{
                        required: true,
                        message: '请输入公开地址类型',
                        trigger: 'blur'
                    }],
                    publicState: [{
                        required: true,
                        message: '请输入公共状态',
                        trigger: 'blur'
                    }],
                    enclosure: [{
                        required: false,
                        message: '',
                        trigger: 'blur'
                    }],
                    isPublic : [{
                        required : true,
                        message : '请选择发布类别',
                        trigger: 'blur'
                    }]
                },

            }
        },
        created: function() {
            // 获取登录用户信息
            var userInfo = JSON.parse(localStorage.getItem('userInfo'));
            this.orgLevel = userInfo.orgLevel;
            // 中国地震局 ==> 中国, 山东省-济南市地震局 ==> 山东省-济南市
            this.orgName = userInfo.orgName.replace("地震局", "");
            this.userName=userInfo.loginName;

            axios.post('/dzjap/dict/getdict/d_org').then(res => {
                this.orgData = res.data.data.result;
            }).catch(e => {
                this.$message.error("网络连接超时");
            })
            axios.get('../../json/orgtype.json').then(res=>{
                this.orgTypeList = res.data;
            }).catch(e => {
                this.$message.error("网络连接超时");
            })
            axios.get('../../json/jinji.json').then(res=>{
                this.jinjilist = res.data;
            }).catch(e => {
                this.$message.error("网络连接超时");
            })
            axios.get('../../json/IndustryCategory.json').then(res=>{
                this.hangyetypeLIst = res.data;
            }).catch(e => {
                this.$message.error("网络连接超时");
            })
        },
        mounted() {
            this.getData();
        },
        methods: {
            getData() {
                var pagesize = this.pagesize;
                var pageno = this.currentPage;
                axios({
                    method: 'post',
                    url: '/dzjap/apDeptExtract/queryExtract',
                    params: {
                        pageSize: pagesize,
                        pageNo: pageno,

                    }
                })
                    .then(response => {
                        let data = response.data;
                        if (data.code == 200) {
                            let dataInformation = data.apDeptExtractInfoEntities.results;
                            this.tableTotal = data.apDeptExtractInfoEntities.total;// 数据长度

                            this.tableData = dataInformation;

                        } else {
                            this.$message.error(data.msg);
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
            },
            //获取UUID的方法
            getUuid() {
                axios({
                    method: 'get',
                    url: '/dzjap/uuid/getUuid',
                })
                    .then(response => {
                    if (response.data.code == 200) {
                    this.uuid = response.data.data;
                    this.link="../upload/annex.html?uuid="+this.uuid+"&flag=1";
                } else {
                    this.$message.error(response.data.msg);
                }
            })
            .catch(function (error) {
                    console.log(error);
                });
            },
            // 添加审查专家监管任务
            apply(){
                this.clearApunitExtract();
                this.clearTaskId();
                this.dialogApunitForm = true;
                this.showOnSubmit = true;
                this.formDisabled = false;
                this.apunitFormDisabled = false;
            },
            // 搜索
            searchForm(selectForm) {
                var pagesize = this.pagesize;
                var pageno = this.currentPage;
                axios({
                    method: 'post',
                    url: '/dzjap/apDeptExtract/queryExtract',
                    params: {
                        pageSize: pagesize,
                        pageNo: pageno,
                        taskTitle: this.selectForm.taskTitle

                    }
                })
                    .then(response => {
                        let data = response.data;
                        if (data.code == 200) {
                            let dataInformation = data.apDeptExtractInfoEntities.results;
                            this.tableTotal = data.apDeptExtractInfoEntities.total;// 数据长度

                            this.tableData = dataInformation;

                        } else {
                            this.$message.error(data.msg);
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
            },

            // 清空专家信息抽取条件
            clearApunitExtract(){
                // 安评单位抽取按钮
                this.showApunitExtract = true;
                this.apunitextract.id = '';
                this.apunitextract.taskTitle = '';
                this.apunitextract.taskNum = '';
                this.apunitextract.taskContent = '';
                this.apunitData = [];
                this.apunitDataPublic=[];
            },
            // 清空执法人员信息抽取条件
            clearLawPersonForm(){
                this.lawpersonextract.id = '';
                this.lawpersonextract.taskId = '';
                this.lawpersonextract.recordId = '';
                this.lawpersonextract.countryRatio = '';
                this.lawpersonextract.provinceRatio = '';
               // this.lawpersonextract.cityRatio = '';
                this.lawpersonextract.extractNum = '';
                this.lawPersonData = [];

            },
            /* 列表页重置 */
            resetForm(formName) {
                this.selectForm.taskTitle = '';
                this.getData();
            },
            //每页下拉显示数据
            handleSizeChange(size) {
                this.pagesize = size;
                this.getData();
                /*console.log(this.pagesize) */
            },
            apunitHandleSizeChange(size) {
                this.apunitPagesize = size;
                this.apunitExtractList(this.taskId);
            },
            lawHandleSizeChange(size) {
                console.log(size);
                this.lawPersonPagesize = size;
                this.lawPersonExtractList();
            },
            //点击第几页
            handleCurrentChange(currentPage) {
                this.currentPage = currentPage;
                this.getData();
            },
            apunitHandleCurrentChange(currentPage) {
                this.apunitCurrentPage = currentPage;
                this.apunitExtractList(this.taskId);
            },
            lawHandleCurrentChange(currentPage) {
                this.lawPersonCurrentPage = currentPage;
                this.lawPersonExtractList();
            },
            clearTaskId(){
              this.taskId = '';
            },
            handleCheckChange(data, checked, node) {
                if(checked == true){
                    this.apUnitEntity.organizationClass = data.label;
                    this.$refs.tree.setCheckedNodes([data]);
                }
            },

            handleCheckChangejinji(data, checked, node) {
                if(checked == true){
                    this.apUnitEntity.nationalEconomy = data.label;
                    this.$refs.tree.setCheckedNodes([data]);
                }
            },

            handleCheckChangehangye(data, checked, node) {
                if(checked == true){
                    this.apUnitEntity.industryCategory = data.label;
                    this.$refs.tree.setCheckedNodes([data]);
                }
            },
            // 安评单位抽取
            apunitExtract(apunitextract) {
                this.$refs[apunitextract].validate((valid) => {
                    if(valid) {
                        axios({
                            method: 'post',
                            url: '/dzjap/apDeptExtract/saveApDeptExtract',
                            data: this.apunitextract
                        })
                            .then((response) => {
                                let data = response.data;
                                if (data.code == 200) {
                                    this.$message({
                                        type: 'success',
                                        message: '安评单位抽取成功!'
                                    });
                                    this.taskId = data.taskId;
                                    this.apunitCurrentPage = 1;
                                    this.apunitExtractList(data.taskId);
                                    this.getData();
                                } else {
                                    this.$message.error(data.msg);
                                }
                            });
                    } else {
                        console.log("抽取失败！")
                        return false;
                    }
                })
            },
            // 安评单位抽取结果展示
            apunitExtractList(id){
                var apunitpagesize = this.apunitPagesize;
                var apunitpageno = this.apunitCurrentPage;

                axios({
                    method: 'post',
                    url: '/dzjap/apDeptExtract/queryApUnitByTaskId',
                    params: {
                        pageSize: this.apunitPagesize,
                        pageNo: this.apunitCurrentPage,
                        taskId: id
                    }
                })
                    .then((response) => {
                        debugger;
                        let data = response.data;
                        if (data.code == 200) {
                            let dataInformation = data.apDeptExtractViews.results;
                            this.apunitTableTotal = data.apDeptExtractViews.total;// 数据长度
                            this.showApunitExtract = false;

                            this.apunitData = dataInformation;
                            this.apunitextract = data.apDeptExtractInfoEntity;
                        } else {
                            this.$message.error(data.msg);
                        }
                    });
            },
            // 查看安评单位列表
            apunitList(index, row) {
                this.dialogApunitForm = true;
                this.apunitFormDisabled = true;
                this.apunitCurrentPage = 1;
                this.apunitExtractList(row.id);
                this.taskId = row.id;
            },

            // 查看安评单位详情
            apunitView(index, row) {
                this.apunitInfoDialogForm = true;
                axios({
                    method: 'post',
                    url: '/dzjap/evalunit/findbyid/'+row.recordId,
                })
                    .then(response => {
                        let data = response.data;
                        if (data.code == 200) {
                            let rowdata = data.apUnitEntity;
                            var arr = rowdata.registAddr.split("-");
                            this.provinceValue = arr[0];
                            this.cityValue = arr[1];
                            this.areaValue = arr[2];
                            this.apUnitEntity = rowdata;
                        } else {
                            this.$message.error(data.msg);
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
            },

            // 执法人员抽取页面
            extractLawPerson(index,row){
                this.clearLawPersonForm();

                this.lawpersonextract.taskId = row.taskId;
                this.lawpersonextract.linkId = row.recordId;
                // 执法人员抽取按钮
                this.showLawPersonExtract = true;

                this.dialogLawPersonForm = true;
                this.lawFormDisabled = false;
            },
            // 执法人员抽取
            lawPersonExpert(lawpersonextract) {
                debugger;
                this.$refs[lawpersonextract].validate((valid) => {
                    if(valid) {
                        axios({
                            method: 'post',
                            url: '/dzjap/apExtractLawerDept/saveLawerExtractInfo',
                            data: this.lawpersonextract
                        })
                            .then((response) => {
                                let data = response.data;
                                if (data.code == 200) {
                                    this.$message({
                                        type: 'success',
                                        message: '执法人员抽取成功!'
                                    });

                                    this.lawPersonExtractList();
                                } else {
                                    this.$message.error(data.msg);
                                }
                            });
                    } else {
                        console.log("抽取数量必须大于等于2");
                        return false;
                    }
                });

            },
            // 执法人员抽取结果展示
            lawPersonExtractList(){
                var lawpersonPagesize = this.lawPersonPagesize;
                var lawpersonCurrentPage = this.lawPersonCurrentPage;

                axios({
                    method: 'post',
                    url: '/dzjap/apExtractLawerDept/queryLawerExtractOnly',
                    params: {
                        pageSize: lawpersonPagesize,
                        pageNo: lawpersonCurrentPage,
                        recordId: this.lawpersonextract.linkId,
                        taskId: this.lawpersonextract.taskId
                    }
                })
                    .then((response) => {
                        debugger;
                        let data = response.data;
                        if (data.code == 200) {
                            let dataInformation = data.data.results;
                            this.lawPersonTableTotal = data.data.total;// 数据长度
                            this.showLawPersonExtract = false;

                            this.lawPersonData = dataInformation;
                            this.lawpersonextract = data.apExtractLawerEntity;

                            this.apunitExtractList(data.apExtractLawerEntity.taskId);
                        } else {
                            this.$message.error(data.msg);
                        }
                    });
            },
            // 查看执法人员列表
            lawPersonList(index,row) {
                this.dialogLawPersonForm = true;
                this.lawFormDisabled = true;
                this.lawpersonextract.taskId = row.taskId;
                this.lawpersonextract.linkId = row.recordId;
                this.lawPersonCurrentPage = 1;
                this.lawPersonExtractList();

            },
            // 执法人员-查看详细
            lawPersonView(index, row){
                this.lawPersonInfoDialogForm = true;
                axios({
                    method: 'get',
                    url: '/dzjap/executorInfo/getexecutorinfo',
                    params: {
                        executorid: row.id
                    }
                })
                    .then(response => {
                        let data = response.data;
                        if (data.code == 200) {
                            let rowdata = response.data.data;
                            this.lawperson = rowdata;

                            // 执法人员身份证号加密
                            if(this.lawperson.executorIdCard != "") {
                                this.lawperson.executorIdCard = enctryptIdcard(this.lawperson.executorIdCard);
                            }
                            var arr = rowdata.executorArea.split("-");
                            this.checkprovinceValue = arr[0];
                            this.checkcityValue = arr[1];
                            this.checkareaValue = arr[2];
                            this.checkdetailAddress = arr[3];

                        } else {
                            this.$message.error(data.msg);
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
            },

            // 拟制公告
            gongGao(index,row){
                this.dialogGongGaoForm = true;
                axios({
                    method: 'post',
                    url: '/dzjap/apDeptExtract/findDeptByTaskId',
                    params: {
                        taskId: row.id
                    }
                })
                    .then(response => {
                        let data = response.data;
                        if (data.code == 200) {
                            this.clearGongGao();
                            this.gonggao.relationId = row.id;
                            this.gonggao.content = row.taskTitle;
                            this.getUuid();
                            this.apunitDataPublic = data.data;

                        } else {
                            this.$message.error(data.msg);
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
            },
            // 清除公告数据
            clearGongGao() {
                this.gonggao.title = ''; // 拟制公告标题
                this.gonggao.relationId = '';
                this.gonggao.content = '';
                this.gonggao.publicState = '';
                this.gonggao.attachContent = '';
                this.gonggao.isPublic = '0';
                this.gonggao.dateImplementation = '';
                this.gonggao.lawsType = '';
                this.gonggao.releaseNumber = '';
                this.gonggao.keyword = '';
            },

            // 发布
            release() {
                this.$refs['gonggao'].validate((valid) => {
                    if(valid) {
                        this.gonggao.publicId = this.uuid;
                        this.gonggao.attachContent = this.gonggao.attachContent.replace(/[\n\r]/g, '<br/>');
                        axios({
                            method: 'post',
                            url: '/dzjap/apDeptExtract/addPublic',
                            data: this.gonggao
                        })
                            .then(response => {
                                let data = response.data;
                                if (data.code == 200) {
                                    this.dialogGongGaoForm = false;
                                    // this.getData();

                                    // 拟制公告--发布成功
                                    this.$message({
                                        type: 'success',
                                        message: '拟制公告发布成功!'
                                    });
                                    this.getData();
                                } else {
                                    this.$message.error(data.msg);
                                }
                            })
                            .catch(function (error) {
                                console.log(error);
                            });
                    }
                });
            },
            // 查看公告
            gongGaoView(index,row){
                this.dialogGongGaoViewForm = true;

                axios({
                    method: 'get',
                    url: '/dzjap/publick/getGlPublick',
                    params: {
                        relationId: row.id
                    }
                })
                    .then(response => {
                        let data = response.data;
                        if (data.code == 200) {
                            console.log(data);
                            let rowdata = response.data.data;
                            this.clearGongGao(); // 重置
                            this.uuid = response.data.data.publicId;
                            this.link="../upload/annex.html?uuid="+this.uuid+"&flag=0";
                            this.gonggao = rowdata;
                        } else {
                            this.$message.error(data.msg);
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
            },

            dateFormat(row, column, cellValue, index) {
                const daterc = row[column.property];
                if(daterc != null) {
                    const dateMat = new Date(parseInt(daterc.replace("/Date(", "").replace(")/", ""), 10));
                    const year = dateMat.getFullYear();
                    const month = dateMat.getMonth() + 1;
                    const day = dateMat.getDate();
                    const timeFormat = year + "-" + month + "-" + day;
                    return timeFormat;
                }
            }

        }
    })

</script>
</html>